Split Views

hr.icon

スプリットビューは、アプリのトップレベルにある階層的なコンテンツの表示を管理するものです。

スプリットビューは、2列または3列のインターフェースで構成されており、プライマリカラム、オプションのサプリカラム、コンテンツのセカンダリペインが表示されます。

プライマリカラムが変更されると、オプションの補助カラムも変更され、コンテンツ自体にも影響を与えます。

スプリットビューは、Mailのメールボックスとメッセージを横断して各メッセージを表示するように、コンテンツ階層の複数レベルをナビゲートするのに便利です。

https://gyazo.com/56991792006b010d98dee280f19a492b

スプリットビューには様々なコンテンツを表示することができますが、Mailなどのシステムアプリの多くは、スプリットビューを使ってサイドバーベースのインターフェイスを作成しています。

このタイプのインターフェイスでは、プライマリカラムにはサイドバーが表示され、オプションのサプリカラムにはリストビューが表示され、セカンダリコンテンツペインには選択したコンテンツの詳細が表示されます。

iPadでは、タブバーの代わりにスプリットビューを使用します。

スプリットビューでは、タブバーと同様の素早いナビゲーションが可能で、大きなディスプレイを有効に活用できます。

カラムの種類ごとに適切なスタイルを選択します。

サイドバーを表示する主要なカラムには、サイドバーの外観を使用します。

この外観は、アプリケーションレベルのナビゲーションや、Mailのメールボックスのようなコレクションのリストに適しています。

リストビューを表示する補助的な列には、プレーンサイドバーの外観を使用します。

この外観は、メールボックス内のメッセージのように、個々のコンテンツのリストに適しています。

一次および補助列でアクティブな選択を永続的に強調表示する。

二次ペインのコンテンツは変更されることがありますが、常に他の列の明確に識別できる選択に対応していなければなりません。

この選択は、人々が列の関係を理解し、自分の方向性を保つのに役立ちます。

必要に応じて、コンテンツを列間でドラッグ＆ドロップできるようにします。

スプリットビューでは、複数の階層にアクセスできるため、列間でアイテムをドラッグ＆ドロップすることで、アプリのある部分から別の部分へコンテンツをすばやく移動できます。